iT邦幫忙

2022 iThome 鐵人賽

DAY 6
0

一篇文章提到 class,知道一個 HTML 裡可以有很多的 Class 存在,用來將裡面的元素分類。
而在 HTML 裡,只會有一個 ID,你無法將 ID 裡的值 (Value) 與別的元素共用。
ID 這個屬性,可以適用在各種元素,目的就是希望在所有元素中,可以將某個元素獨立辨識出來。

而 CSS 想要針對某個 id 樣式做變化的話,會使用 # 的符號,並且搭配 {} 符號。
例如

<head>
<style>
    #myHeader {
      background-color: blue;
      color: green;
              }
</style>
</head>
<body>
    <h1 id="Header">My Header</h1>
</body>
</html>       
        

特別要注意的是 id 的值有英文大小寫不同,就視為不同的值,要特別留意自己當時寫下的大小寫。
另外要記得的是,ID 的值不能填寫數字或是空格,否則會視為無效值,會無法做任何變化的。


上一篇
Day 05 style 屬性
下一篇
Day 07 href 屬性
系列文
一日一屬性,HTML 基礎一定行30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言